<template>
    <div class="user">
        <div class="company_description">
            <div class="company_description1">
                <div class="company_logo"><img src="../../assets/logo.png"></div>
                <div class="company_info">
                    <h3 style="font-size:24px;line-height:60px;">贵州格安科技有限公司</h3>
                    <p style="font-size:18px;">联系人：林先生(运营总监)</p>
                    <p style="font-size:18px;line-height:40px;">提现账户：<span style="color:#62ACF4;">5798 8029 8982 798</span></p>
                </div>
                <div style="height:100%;font-size:14px;float:right;vertical-align:top;margin-top:20px;display:table-cell;"><span style="color:#FF503F;">*</span>如果修改公司信息请联系客服</div>
            </div>
            <div class="company_description2">
                <div class="company_description2_1">
                    <img src="../../assets/user.jpg"><br>
                    关注我们
                </div>
                <div class="company_description2_2">
                    <h3 style="font-size:24px;line-height:24px;">公司简介</h3>
                    <p style="line-height:30px;margin-top:20px;text-indent:32px;">速致是一家专业提供CDN、云主机、云存储服务的IT技术型公司。据速致创始人兼CEO周俭介绍，速致经过几年的探索，掌握了云计算的核心技术，在网站动静态混合加速，图片自适应尺寸剪裁、美化、压缩，以及流媒体源文件压缩打包下载等技术方面，已经相当成熟，另外，在分布式系统、高并发、复杂网站的架构设计、优化、高可用保障、可伸缩性、分布式缓存、数据库分表分库(data sharding)、运维监控和自动化运维等领域也取得了很大的成功。</p>
                </div>
            </div>
        </div>
        <table>
            <tr style="background:#f1f1f1;">
                <td colspan=2><h4>我的投票</h4></td>
                <td><h4 style="color:#62ACF4;">我的问卷</h4></td>
                <td><h4>我的一键购买</h4></td>
                <td colspan=2><h4>我的红包</h4></td>
            </tr>
            <tr>
                <td>问卷名称</td>
                <td>所属活动</td>
                <td>问卷开始时间</td>
                <td>问卷结束时间</td>
                <td>问卷题数</td>
                <td>问卷参与人数</td>
            </tr>
            <tr v-for="value in question">
                <td>{{ value.name }}</td>
                <td>{{ value.activity }}</td>
                <td>{{ value.start }}</td>
                <td>{{ value.end }}</td>
                <td>{{ value.num }}</td>
                <td>{{ value.people }}</td>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                question:[
                    {name:'你喜欢什么类型的电影',activity:'格安新闻发布会',start:'2016-12-31 13:00',end:'2017-01-31 15:00',num:'3',people:'2379'},
                    {name:'你喜欢什么类型的电影',activity:'格安新闻发布会',start:'2016-12-31 13:00',end:'2017-01-31 15:00',num:'3',people:'2379'},
                    {name:'你喜欢什么类型的电影',activity:'格安新闻发布会',start:'2016-12-31 13:00',end:'2017-01-31 15:00',num:'3',people:'2379'},
                    {name:'你喜欢什么类型的电影',activity:'格安新闻发布会',start:'2016-12-31 13:00',end:'2017-01-31 15:00',num:'3',people:'2379'}
                ]
            };
        },
        methods: {
        }
    }
</script>

<style>
    * {
        margin: 0;
        padding: 0;
    }

    .user{
        margin-top: 90px;
        margin-left: 95px;
    }

    .company_description{
        width: 96%;
        height: 420px;
        border: 1px solid #DFDFDF;
        border-radius: 5px;
    }

    .company_description1{
        width: 94%;
        height: 120px;
        margin-top: 40px;
        margin-left: 50px;
        display: table;
    }

    .company_logo{
        width: 120px;
        height: 120px;
        background-color: white;
        border-radius:60px;
        border: 1px solid #DFDFDF;
        display: table-cell;
    }

    .company_logo img{
        width: 60%;
        top: 20px;
        position: relative;
    }

    .company_info{
        height: 100%;
        line-height: 100%;
        display: table-cell;
        text-align: left;
        padding-left: 50px;
        vertical-align: top;
    }

    .company_description2{
        width: 94%;
        height: 200px;
        margin-top: 60px;
        margin-left: 50px;
        display: table;
    }

    .company_description2_1{
        width: 100px;
        height: 200px;
        display: table-cell;
    }

    .company_description2_1 img{
        width: 100px;
        height: 100px;
    }

    .company_description2_2{
        width: 700px;
        display: table-cell;
        text-align: left;
        padding-left: 50px;
        vertical-align: top;
    }

    .user table{
        width: 96%;
        margin-top: 20px;
        margin-bottom: 40px;
        border: 1px solid #DFDFDF;
        border-radius: 5px;
    }

    .user table tr{
        height: 50px;
        border-bottom: 1px solid #DFDFDF
    }

    .user table tr td{
        border: 0;
    }
</style>